<html>
<head>
<title>Run ${RUN_ID}</title>
<style>
body {
	font-family: sans-serif;
	font-size: 80%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

h1 {
	color: #234CA5;
	font-style: italic;
	font-size: 20px;
}

h2 {
	
}

h3 {
	color: black;
	font-style: italic;
}

a:link {
	color: #1B65AF;
	font-weight: bold;
}

a:visited {
	color: #1B65AF;
	font-weight: bold;
}

div.report {
	display: block;
	position: absolute;
	width: 100%;
	top: 6em;
	bottom: 5px;
	left: 0;
	right: 0;
	padding: 0 0 0 1em;
	background-color: white;
}

div.footer {
	background-color: #C1C4CA;
	border: 0;
	margin: 0;
	padding: 0.5em;
	height: 1.3em;
	overflow: hidden;
	font-size: 100%;
	font-weight: bold;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 2;
}

div.header {
	background-color: #C1C4CA;
	border: 0;
	margin: 0;
	padding: 0.5em;
	font-size: 175%;
	font-weight: bold;
	width: 100%;
	height: 2em;
	position: fixed;
	vertical-align: middle;
	z-index: 2;
}

#header_title {
	display: inline-block;
	float: left;
	clear: left;
}

img {
	width: 150px;
}
</style>
</head>
<body>
<div class="header">

<div id="header_title">
<img src="http://www.transcriptome.ens.fr/aozan/images/logo_aozan_qc.png" alt="Aozan" />&#xA0;&#xA0;
Run ${RUN_ID} reports</div>
</div>


<div class="report">
<!--START_SECTION hiseq.step -->
<div id="section_sync">
<h3>HiSeq reports</h3>
<ul>
<li><a href="report_${RUN_ID}/First_Base_Report.htm">First base report</a></li>
<!--START_SECTION optional1 -->
<li><a href="report_${RUN_ID}/Status.htm">Run info</a></li>
<!--END_SECTION-->
<!--START_SECTION optional2 -->
<li><a href="report_${RUN_ID}.tar.bz2">All reports (compressed archive)</a></li>
<!--END_SECTION-->
<li><a href="hiseq_log_${RUN_ID}.tar.bz2">HiSeq log (compressed archive)</a></li>
</ul>
</div>
<!--END_SECTION-->

<!--START_SECTION demux.step -->
<div id="section_demux">
<h3>Demultiplexing reports</h3/>
<ul>
<li><a href="basecall_stats_${RUN_ID}/All.htm">All</a></li>
<li><a href="basecall_stats_${RUN_ID}/IVC.htm">IVC</a></li>
<li><a href="basecall_stats_${RUN_ID}/Demultiplex_Stats.htm">Demultiplex stats</a></li>
<li><a href="basecall_stats_${RUN_ID}.tar.bz2">All reports (compressed archive)</a></li>
</ul>
</div>
<!--END_SECTION-->

<!--START_SECTION qc.step -->
<div id="section_qc">
<h3>Quality control reports</h3>
<ul>
<li><a href="qc_${RUN_ID}/${RUN_ID}.html">QC report</a></li>
</ul>
</div>
<!--END_SECTION-->
</div>
<div class="footer">Generated by <a href="http://transcriptome.ens.fr/aozan">Aozan </a>(version ${VERSION})</div>
</body>
</html>
